<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="orange">
    <title>My App</title>
    <link rel="stylesheet" href="css/framework7.material.min.css">
    <link rel="stylesheet" href="css/framework7.material.colors.min.css">
    <link rel="stylesheet" href="css/my-app.css">
    <style>
     
       .header {
        margin:0px;
        padding:0px;
        background-image:url('img/2.jpg');
        width:100%;
        height:100px;
      }
      .header img{
        margin-top:50px;
        margin-left:20px;
        padding:0px;

      }
      .navbar {
        margin-top:0px;
        margin-bottom:0px;
        width:100%;
        height:50px;
      }

    </style>
  </head>
  <body>
    <div class="views">
      <div class="view view-main">
        <div class="pages navbar-fixed toolbar-fixed">
          <div data-page="index" class="page">
              <div class="navbar theme-orange">
                  <div class="navbar-inner">
                  <div class="left">
                     个人中心
                  </div>
                  <div class="right">
                    <a href="#" class="button button-raised">登录</a>
                  </div>
                  </div>
              </div>
              <div class="page-content" style="padding-top:50px;">
                  <div class="header">
                  <img src="#" width= "40px" height="40px"/>
                  </div>
                  <div class="list-block">
                      <ul>
                        <li>
                          <a href="#" class="item-link item-content">
                            <div class="item-inner">
                              <div class="item-title-row">
                               个人资料
                              </div>
                            </div>
                          </a>
                        </li>
                        <li>
                          <a href="#" class="item-link item-content">
                            <div class="item-inner">
                              <div class="item-title-row">
                               我的资讯
                              </div>
                            </div>
                          </a>
                        </li>
                        <li>
                          <a href="#" class="item-link item-content">
                            <div class="item-inner">
                              <div class="item-title-row">
                               我的收藏
                              </div>
                            </div>
                          </a>
                        </li>
                        <li>
                          <a href="#" class="item-link item-content">
                            <div class="item-inner">
                              <div class="item-title-row">
                               我的消息
                              </div>
                            </div>
                          </a>
                        </li>
                        <li>
                          <a href="#" class="item-link item-content">
                            <div class="item-inner">
                              <div class="item-title-row">
                               反馈消息
                              </div>
                            </div>
                          </a>
                        </li>
                        <li>
                          <a href="#" class="item-link item-content">
                            <div class="item-inner">
                              <div class="item-title-row">
                               关于我们
                              </div>
                            </div>
                          </a>
                        </li>
                      </ul>
                  </div>
              </div>

          <div class="toolbar toolbar-bottom tabbar tabbar-labels theme-orange">
            <div class="toolbar-inner ">
                <a class="tab-link" href="#view-1"> 
                  <i class="icon icon-bars"></i>
                  <span>首页</span>
                </a>
                <a class="tab-link" href="#view-2">
                  <i class="icon icon-bars"></i>
                  <span>产品</span>
                </a>
                <a class="tab-link" href="#view-3">
                  <i class="icon icon-bars"></i>
                  <span>企业</span>
                </a>
                <a class="tab-link" href="#view-4">
                  <i class="icon icon-bars"></i>
                  <span>资讯</span>
                </a>
                <a class="tab-link" href="#view-1"> 
                  <i class="icon icon-bars"></i>
                  <span>个人中心</span>
                </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="css/framework7.min.js"></script>
  <script type="text/javascript" src="css/my-app.js"></script>
  </body>
</html> 